.plant {
  height: 1.099rem;
  background: #f9f9f9;
  display: flex;
  align-items: center;
  border: 1px solid #e7ebee;
  padding: 0.03rem 0.155rem 0.03rem 0.155rem;
  .leftImg {
    width: 0.7031rem;
    height: 0.9531rem;
    display: flex;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .plant-right {
    flex: 1;
    height: 0.9531rem;
    margin-left: 0.125rem;
    .top {
      // border: 1px solid red;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .top-left {
        display: flex;
        align-items: center;
        .title {
          color: #2d2d2d;
          font-weight: 600;
          font-size: 0.1146rem;
        }
        .local {
          color: #c71d32;
          margin-left: 0.0208rem;
          font-size: 0.0729rem;
        }
        .location-icon {
          width: 0.0833rem;
          height: 0.0833rem;
          display: flex;
          margin-left: 0.0625rem;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
      .top-right {
        display: flex;
        align-items: center;
        .icon {
          width: 0.1458rem;
          height: 0.1458rem;
          img {
            width: 100%;
            height: 100%;
          }
        }

        .chat {
          width: 0.0833rem;
          height: 0.0833rem;
          display: flex;
          margin-right: 0.0625rem;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .star {
          width: 0.0833rem;
          height: 0.0833rem;
          display: flex;
          img {
            width: 100%;
            height: 100%;
          }
        }

        .online {
          color: #3644bf;
          font-size: 0.0729rem;
          margin-left: 0.0417rem;
          margin-right: 0.0625rem;
          font-weight: bold;
        }
      }
    }
    .second {
      display: flex;
      font-size: 0.0833rem;
      height: 0.1rem;
      margin-top: 0.0417rem;
      color: #696969;
      .full {
        height: 100%;
        border-left: 1px solid #c6c6c8;
        margin-left: 0.0469rem;
        margin-right: 0.0469rem;
      }
    }

    .third {
      display: flex;
      font-size: 0.0833rem;
      height: 0.1rem;
      margin-top: 0.0417rem;
      color: #8f8f8f;
      .full {
        height: 100%;
        border-left: 1px solid #c6c6c8;
        margin-left: 0.0469rem;
        margin-right: 0.0469rem;
      }
    }

    .four {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .circle {
      
        padding: .0208rem .0573rem .0208rem  .0573rem;
        background: #ffffff;
        margin-top: .0817rem;
        border: 1px solid #c5c5c5;
        border-radius: .0781rem;
        display: flex;
        align-items: center;
        justify-content: space-around;
        .good{
           width: .0833rem;
           height: .0833rem;
           display: flex;
           img{
            width: 100%;
            height: 100%;
           }
        }
        .text{
         font-size: .0729rem;
        }
      }
      .price{
        display: flex;
        font-size: .1042rem;
        font-weight: 600;
        .title{
           color: #232481;
        }
        .text{
          color:#C71D32;
        }
      }
    }

    .five{
      display: flex;
      margin-top: .0594rem;
      .five-part{
        width: .75rem;
        height: .1979rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: .0833rem;
        background: #3644bf;
      }
      .five-part:nth-child(n+2){
           margin-left: .0625rem;
      }
    }
  }
}
